<template>
  <div>
      <p style="height:30px;background:rgba(0,0,0,.3);text-align:left;line-height:30px">个人价格</p>
      <p style="text-align:left;text-indent:2em;margin:20px 0;">价格:2000元,外地加1000元</p>
      <p style="height:30px;background:rgba(0,0,0,.3);text-align:left;line-height:30px">管理费</p>
      <div style="font-size:12px;text-align:left">
        <p style="color:red">管理费缴纳说明:</p>
        <p>1. 每月1号 -- 10号为管理费缴纳期间；</p>
        <p>2. 管理费滞纳金额度：若11号--20号之间缴纳为1级延迟，费用上浮20%，20号-31号之间缴纳为二级延迟，费用上浮50%；</p>
        <p>3. 若当月未交管理费，则次月起不可接单、前台不可被查询到；</p>
      </div>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="month"
      label="月份">
    </el-table-column>
    <el-table-column
      prop="money"
      label="管理费">
    </el-table-column>
    <el-table-column
      prop="fine"
      label="罚金">
    </el-table-column>
    <el-table-column
      prop="payable"
      label="应交额度">
    </el-table-column>
    <el-table-column
      prop="PaymentStatus"
      label="缴纳状态">
    </el-table-column>
    <el-table-column
      prop="PaymentTime"
      label="缴纳时间">
    </el-table-column>
    <el-table-column 
      prop="operation"
      label="操作">
      <span style="color:red;text-decoration:underline;cursor:pointer;margin:0 10px">立即缴纳</span>
      
    </el-table-column>
  </el-table>
  </div>
</template>

<script>
export default {
    name:'Payment',
    data(){
        return {
            tableData: [{
                month: '2016.05',
                money: '500',
                fine: '0',
                payable:'500',
                PaymentStatus:'待缴纳',
                PaymentTime:"--"
                },{
                month: '2016.05',
                money: '500',
                fine: '0',
                payable:'500',
                PaymentStatus:'待缴纳',
                PaymentTime:"--"
                },{
                month: '2016.05',
                money: '500',
                fine: '0',
                payable:'500',
                PaymentStatus:'待缴纳',
                PaymentTime:"--"
                }]
        }
    }
}
</script>

<style scoped>

</style>